<!DOCTYPE html>
<html>
       <head>
              <meta charset="UTF-8">
              <title>块级元素和行内元素</title>
       </head>
       <body>
              <div>块级元素</div>
              <div>块级元素</div>
              <div>块级元素</div>
              <div style="display: inline;">块级元素</div>
              <span>行内元素</span>
              <span>行内元素</span>              
              <span style="display: block;">行内元素</span>
              <span>行内元素</span>
       </body> 
</html>